<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es"> 
    <head>
        <title>Vairoleto</title>
        <style type='text/css'>
            body{
                max-height: 100%; 
                text-align: center;
            }

            p#FCRcomic_dialogo_id {
                /*font-family: arial 10pt;*/
                font-family: arial, "DejaVu Sans";
                font-size: 8pt;
                font-weight: bold;
                background-color: #ffffff;
                position: absolute;
                padding: 3px;
                text-align: center;
            }
            img {
                margin: auto;
            }
        </style>

        <script type='text/javascript' src='./ComicReader/mootools-1.3.js'></script>
        <script type="text/javascript">
            window.addEvent('domready', function(e) {
                $$('.comic').each(function(i)
                {
                    i.addEvent('click', function(e)
                    {
                        e.preventDefault();
                        var tmp_path = location.href.substring(0, location.href.lastIndexOf('/') + 1);
                        window.open(tmp_path + 'comic.html?' + this.get('title'));
                    });
                });
                
            });
        </script>
    </head>
    <body>
        <a href='comic.html?Vairoleto/01:jpg' title='Vairoleto/01:jpg' class='comic'>Vairoleto</a>
        <a href='comic.html?300/01:2:jpg' title='300/01:2:jpg' class='comic'>300</a>
        
    <!--
        <div style='float: left; width: 100px;'>Esta es una muestra de como se vería un comic (según mi visión). Para leer los cuadros de diálogo, únicamente es necesario posar el mouse sobre el mismo.</div>
-->
            <p id='parrafo'></p>
            <p><a id='anterior'>&lt;&lt;</a><a id='tamanio_original'>|º|</a><a id='siguiente'>&gt;&gt;</a></p>
            <div id='container'>

                <img src='./01.jpg' alt='Una imagen' id='current_page' />
            </div>

    </body>
</html> 
